<template>
  <div>
    <!--头部-->
    <Head :head="head" @greet="greet"></Head>
    <el-dialog
      :visible.sync="centerDialogVisible"
      width="1000px"
      center>
      <div class="left_essential base">
        <img src="/static/assets/img/dtx1.png" alt="">
        <p v-for="(c,index) in cs" @click="sorts($event, index, c.t)" v-bind:class="{'visible1':nowIndex == index}" :key="c.index">{{ c.name }}</p>
      </div>
      <div class="right_essential" v-if="temp1 == 1">
        <p>尊敬的{{user}}用户，胸痛质控大家庭感谢您的加入</p>
        <div><p><span>组织</span></p><p><span>个人资料</span></p></div>
        <div><p><span>头像</span><img src="/static/assets/img/logo.png" alt=""></p><p><span>姓名</span>{{user}}</p><p><span>头像</span><img src="/static/assets/img/dtx.png" alt=""></p></div>
        <div><p><span>权限</span>{{user}}</p><p><span>权限</span>{{user}}</p></div>
        <div><p><span>简称</span>{{user}}</p><p><span>职务</span>{{user}}</p><p><span>科室</span>{{user}}></p></div>
        <div><p></p><p><span>手机</span>{{user}}<span class="tip">已绑定</span></p><p><span>邮箱</span>{{user}}<span class="tip">已验证</span></p></div>
      </div>
      <div class="right_essential" v-if="temp1 == 2">
        <p>您的安全服务</p>
        <div><p><span class="width_user">用户名</span>{{user}}</p></div>
        <div><p><span>绑定邮箱</span></p><span class="tip2">修改邮箱</span></div>
        <div><p><span>绑定手机</span>{{user}}</p></div>
        <div><p><span>登录密码</span>{{user}}</p><span class="tip2">修改邮箱</span></div>
      </div>
      <div class="both"></div>
    </el-dialog>
    <!--内容-->
    <el-container>
      <el-main>
        <div class="progess_content">
          <el-form :inline="true" :model="formInline" class="demo-form-inline fl" style="text-align: left;margin-top: 10px;">
            <el-form-item>
              <el-input v-model="formInline.name" placeholder="请输入医院"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="onSubmit">搜索</el-button>
            </el-form-item>
          </el-form>
          <el-form ref="form" :model="form" class="fr version" style="margin-top: 10px;width: 120px">
            <el-select v-model="form.region" placeholder="标准版" class="aaaa">
              <el-option label="标准版" value="1"></el-option>
              <hr>
              <el-option label="基层版-PCI" value="2"></el-option>
              <hr>
              <el-option label="基层版-溶柱" value="3"></el-option>
              <hr>
              <el-option label="基层版-转运" value="4"></el-option>
            </el-select>
          </el-form>
          <p class="fr" style="margin-top: 20px"><span style="margin-right:5px">仅通过认证</span><el-checkbox v-model="checked"></el-checkbox></p>
          <template>
            <el-table
              :data="tableData"
              stripe
              style="width: 100%">
              <el-table-column
                prop="city"
                fixed
                sortable
                label="市">
              </el-table-column>
              <el-table-column
                prop="hospital"
                sortable
                label="医院">
              </el-table-column>
              <el-table-column
                prop="batch"
                sortable
                label="申请批次">
              </el-table-column>
              <el-table-column
                prop="authentica"
                sortable
                label="认证类型">
              </el-table-column>
              <el-table-column
                prop="progess"
                sortable
                label="认证进度">
              </el-table-column>
              <el-table-column
                prop="certification"
                sortable
                label="认证批次">
              </el-table-column>
              <el-table-column
                prop="number"
                sortable
                width="150"
                label="小项上次数量">
              </el-table-column>
              <el-table-column
                prop="number1"
                sortable
                width="150"
                label="小项未审核数量">
              </el-table-column>
              <el-table-column
                prop="number2"
                sortable
                width="150"
                label="近半年填报月数">
              </el-table-column>
              <el-table-column
                prop="number3"
                sortable
                width="150"
                label="近半年病例数">
              </el-table-column>
              <el-table-column
                prop="number4"
                sortable
                label="总病例数">
              </el-table-column>
            </el-table>
          </template>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import Head from '@/components/Bg'
import LeftTop from '@/components/Left'
export default {
   data () {
     return {
       centerDialogVisible: false,
       clickOn: false,
       user: '543759843@qq.com',
       nowIndex: 0,
       temp1: 1,
       tempe: 2,
       nowIndex1: 1,
       cs: [
         {name: '账户资料', t: 1},
         {name: '安全设置', t: 2}
       ],
       checked: true,
       head: {
         platform: '江苏省胸痛中心质控管理平台',
         analysis: '建设进度',
         name: '李冰冰 ',
         methods: 'greet'
       },
       formInline: {
         name: ''
       },
       form: {
         region: ''
       },
       tableData: [{
         city: '苏州',
         hospital: '苏州第一附属医院',
         batch: '7',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '4',
         number: '123',
         number1: '56',
         number2: '86',
         number3: '1354',
         number4: '6235',
       }, {
         city: '无锡',
         hospital: '无锡人民医院',
         batch: '3',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '8',
         number: '168',
         number1: '76',
         number2: '98',
         number3: '1534',
         number4: '3535',
       }, {
         city: '南京',
         hospital: '南京市附属医院',
         batch: '5',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '3',
         number: '168',
         number1: '26',
         number2: '43',
         number3: '153',
         number4: '2355',
       }, {
         city: '苏州',
         hospital: '苏州立医院',
         batch: '8',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '5',
         number: '96',
         number1: '39',
         number2: '83',
         number3: '264',
         number4: '1355',
       }, {
         city: '昆山',
         hospital: '昆山第四人民医院',
         batch: '2',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '3',
         number: '36',
         number1: '84',
         number2: '136',
         number3: '364',
         number4: '1955',
       }, {
         city: '昆山',
         hospital: '昆山市中医医院',
         batch: '6',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '4',
         number: '84',
         number1: '64',
         number2: '536',
         number3: '634',
         number4: '2595',
       }, {
         city: '常熟',
         hospital: '常熟市支塘人民医院',
         batch: '9',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '4',
         number: '76',
         number1: '65',
         number2: '236',
         number3: '454',
         number4: '1495',
       }, {
         city: '苏州',
         hospital: '张家港市第六人民医院',
         batch: '8',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '6',
         number: '86',
         number1: '124',
         number2: '326',
         number3: '464',
         number4: '2135',
       }, {
         city: '南京',
         hospital: '南京市中心医院',
         batch: '8',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '4',
         number: '83',
         number1: '68',
         number2: '356',
         number3: '564',
         number4: '1025',
       }, {
         city: '南京',
         hospital: '南京明基医院',
         batch: '7',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '6',
         number: '96',
         number1: '124',
         number2: '336',
         number3: '454',
         number4: '2305',
       }, {
         city: '徐州',
         hospital: '徐州医科大学附属医院',
         batch: '6',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '8',
         number: '126',
         number1: '254',
         number2: '656',
         number3: '464',
         number4: '4955',
       }, {
         city: '苏州',
         hospital: '苏州大学附属第二人民医院',
         batch: '7',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '6',
         number: '76',
         number1: '139',
         number2: '96',
         number3: '154',
         number4: '3863',
       }, {
         city: '昆山',
         hospital: '昆山市锦溪人民医院',
         batch: '8',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '6',
         number: '87',
         number1: '134',
         number2: '356',
         number3: '564',
         number4: '2564',
       }, {
         city: '徐州',
         hospital: '徐州市第一人民医院',
         batch: '6',
         authentica: 'PCI',
         progess: '通过认证',
         certification: '5',
         number: '136',
         number1: '234',
         number2: '356',
         number3: '154',
         number4: '2855',
       }]
    }
 },
  methods: {
    greet: function () {
      this.centerDialogVisible = true
    },
    sorts (event, index, t) {
      this.nowIndex = index
      this.temp1 = t
    },
    goDetail (tab) {
      this.clickOn = true

      var ipcRenderer = window.require('electron').ipcRenderer
      ipcRenderer.send('switch-page', '#/supervision/1')

      // this.$router.push({name: 'supervisionDetail', params: {id: tab.id}})
    }
  },
 components: {
   Head,
   LeftTop
  }
}
</script>

<style scoped>
  /*布局样式*/
  .el-header, .el-footer {
    height: 120px!important;
    color:#fff;
    background:url(/static/assets/img/titlebg1.png) no-repeat center center;
  }
  body > .el-container {
    margin-bottom: 40px;
  }
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }
  .el-main{
    text-align: center;
    padding: 20px;
    background-color: #f9f9f9;
  }
  .progess_content{
    background-color: #fff;
    padding: 20px;
   }
</style>
